@charset "UTF-8";
/* CSS Document */
html { height:100%; }
body { 
	font-family: Arial, 'Microsoft YaHei';
	margin:0;
	padding:0;
	height:100%; 
}
.calendar { 
/*	width:100%;
	height:100%;*/
}
.calendar .header_red {
	width:100%;
/*	height:60px;*/
	height:10.563%;
	background:#E95245;
}
.calendar .header_red .year_month_line {
	height: 66.667%;
	padding: 0 5px;
	border:1px solid yellow;
}
.calendar .header_red .year_month_line .icon {
	width:20px;
	height:20px;
	margin-top:10px;
	border:1px solid yellow;
	height:66.667%; 
}
.calendar .header_red .year_month_line .previous {
	background:url(../img/arrow_left_white.png) no-repeat center;
	float:left;
}
.calendar .header_red .year_month_line .next {
	background:url(../img/arrow_right_white.png) no-repeat center;
	float:right;
}
.calendar .header_red .year_month_line .text {
	color:#fff;
	font-size: 18px;
	line-height:66.667%; 
	text-align:center; 
	margin: 0 35px;
}



.header_red {
	width:100%;
/*	height:60px;*/
	height:10.563%;
	background:#E95245;
	min-height:60px;
}
.header_red .year_month_line {
	height: 66.6%;
	min-height: 40px;
	padding: 0 0px;
/*	border:1px solid yellow;*/
	display:table;
}
.header_red .year_month_line .icon {
	width:30px;
	margin-top:12px;
/*	border:0px solid green;*/
	height:66.667%; 
}
.header_red .year_month_line .previous {
	background:url(../img/arrow_left_white.png) no-repeat left center;
	position: relative;
	left: 5px;
	height:20px;
}
.header_red .year_month_line .next {
	background:url(../img/arrow_right_white.png) no-repeat right center;
	position: relative;
	right: 5px;
	height:20px;
}
.header_red .year_month_line .text {
	color:#fff;
	font-size: 18px;
	height: 100%;
	width:95%;
	text-align:center; 
/*	border:1px solid white;*/
	vertical-align:middle;
	display: table-cell;
}
.header_red .day_line {
	height: 33.4%;
	min-height: 20px;
	width:100%;
	font-size: 11px;
	color: #fff;
	display:table;
}
.header_red .day_line .sunday {
	width: 14.2%;
	vertical-align:middle;
	display: table-cell;
	text-align:center;
}
.header_red .day_line .leftday {
	width: 14.3%;
	vertical-align:middle;
	display: table-cell;
	text-align:center;
}

.blank_line_1 {
	height:1px; 
	clear:both;
}


.date_line {
	height: 7%;
	min-height: 39px;
	background:#fff;
	border-bottom: 1px solid #ededed;
	width:100%;
	display:table;
}
.date_line .sunday {
	width: 14.2%;
	vertical-align:middle;
	display: table-cell;
	text-align:center;
}
.date_line .leftday {
	width: 14.3%;
	vertical-align:middle;
	display: table-cell;
	text-align:center;
}
.date_line .date {
	color:#444444;
	font-size: 12px;
	font-family: "Avenir Next";
}
.gray {
	color: #bbb !important; 
}
.white {
	color: #fff !important; 
}
.blue {
	color: #4cbeff !important; 
}

.date_line .lunar {
	color: #bbb;
	font-size: 7px;
}
.date_line .today_red {
	width:14.2%;
	height: 7%;
	background:#E95245;
}
.date_line .today_gray {
	width:14.2%;
	height: 7%;
	background: #999;
}
.date_line .selected {
	width:14.2%;
	height: 7%;
	border: 1px solid #E95245;
}
.date_line .full {
	background:url(../img/icon_full.png) no-repeat 11% 1px;
}

.date_line .holiday {
	background:url(../img/icon_holiday.png) no-repeat 11% 1px;
}

.time_line {
	height: 7%;
	min-height: 39px;
	background:#fff;
	border-bottom: 1px solid #ededed;
	width:100%;
	display:table;
}
.time_line .ampm {
	width: 14%;
	vertical-align:middle;
	display: table-cell;
	text-align:center;
	color: #bbb;
	font-size: 12px;
}
.time_line .timerange {
	width: 43%;
	vertical-align:middle;
	display: table-cell;
	text-align:center;
	font-family:"Avenir Next";
	font-size: 12px;
	border-left: 1px solid #ededed;
}
.time_line .full_time {
	background:url(../img/icon_full.png) no-repeat 1px 1px;
}
.time_line .selected {
	width:43%;
	height: 7%;
	border: 1px solid #E95245;
}

.date_tips {
	width:94%; 
	margin:5px auto;
	font-size: 10.5px;
	color:#7f3949;
}

.mask {
	z-index:1000; 
	background: url(../img/bg_mask.png); 
	width:100%; 
	height:100%; 
	position:fixed; 
	top:0; 
	left:0;
}
.datetime_tip_win {
	background:url(../img/datetime_tipbg.png) no-repeat;
	width: 270px;
	height: 158px;
	z-index:2000;
	position:absolute; 
	top:50%; 
	left:50%; 
	margin:-79px auto auto -135px;
}
.datetime_tip_win .text {
	width:90%;
	height:100px;
	margin: 0 auto;
	text-align:center;
	font-size:15px;
	color: #444;
	padding-top: 13px;
}
.datetime_tip_win .datetime { 
	font-family: "Avenir";
	font-size:16px; 
	font-weight: bold;
}
.btn_line {
	height:44px;
	border-top:1px solid #ededed;
	font-size:15px;
	width:100%;
}
.btn_line .submit {
	width:49%;
	border-right:1px solid #ededed;
	text-align:center;
	color: #fe5f5f;
	line-height:44px;
	float:left;
}
.btn_line .cancel {
	width:50%;
	text-align:center;
	color: #8f8f8f;
	line-height:44px;
	float:left;
}
	
	
	
	





